/* CSS Document */
H1
{color:#009900}

/*-------------------------------------------------------------------------------------------------------*/
/* IMAGES */
.smallPhoto
{
  width:40px; 
  float: left; 
  padding-right: 3px;
}

.tinyPhoto
{
  width: 25px; padding: 2px; float: left;
}
/*-------------------------------------------------------------------------------------------------------*/
/* GENERAL */
.control
{
  		-moz-box-shadow:inset 0px 1px 0px 0px #9acc85;
        -webkit-box-shadow:inset 0px 1px 0px 0px #9acc85;
        box-shadow:inset 0px 1px 0px 0px #9acc85;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #74ad5a), color-stop(1, #68a54b));
        background:-moz-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
        background:-webkit-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
        background:-o-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
        background:-ms-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
        background:linear-gradient(to bottom, #74ad5a 5%, #68a54b 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#74ad5a', endColorstr='#68a54b',GradientType=0);
        
        background:#009900;
        
        border:1px solid #3b6e22;
		display:inline-block; 
		line-height:24px;
        color:#ffffff;
        font-family:Verdana, Geneva, sans-serif;
        font-size:18px;
       
        padding:6px 12px;
        text-decoration:none;
        cursor: pointer;
   	
}

.control:hover
{
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #68a54b), color-stop(1, #74ad5a));
        background:-moz-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
        background:-webkit-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
        background:-o-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
        background:-ms-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
        background:linear-gradient(to bottom, #68a54b 5%, #74ad5a 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#68a54b', endColorstr='#74ad5a',GradientType=0);
        
        background:#006600;	
}

/*---------------------------------------------------------------------------------------------------------------------*/

/* DASHBOARD */

DIV#postContainer
{
   margin:8px; 
   background: #A3CC52;
   font-family:verdana; 
   border: 1px #009900 solid; 
   padding:2px; width: 70%;
}

DIV#postHeader
{
   background: #006600; 
   color:#FFF;  
   padding: 2px;
}

DIV#postBody
{
    margin:0px; 
    padding: 10px; 
    background: #FFF;
}
DIV#postFoot
{
    font-size: 10px
}

DIV.divComment
{
    display:none; 
    border: 0px #009900 solid; 
    width: 70%; 
    margin: 8px; 
    padding: 2px;
}

SPAN.spanAuthor
{
    cursor: pointer;
    font-size: 12px;
}

SPAN.spanTitle
{
    
}

SPAN.spanCommentsLink
{
  cursor: pointer;
}

SPAN.spanCommentsLink:hover
{
    color:#006600;
}

/*-------------------------------------------------------------------------------------------------------*/

/* COMMENTS */

UL.comment
{
   font-size: 16px; 
   font-family: 'verdana'; 
   color: #7A7A7A;
   list-style-type: none;
   margin: 5;
   padding: 0;
}

UL LI.commentDark
{
    background: #F5F5F5;
    padding: 2px;
    margin: 2px;
  
}

UL LI.commentLight
{
    background: #FFF;
    padding: 2px;
    margin: 2px;
  
}

span.commentName 
{
    color:#009900;
    font-size: small;
}
span.commentSay
{
    font-size: smaller;
}

span.commentBody
{
    margin-left: 30px;
    padding: 20px;
}

span.commentDate
{
    font-style: italic;
    font-size:xx-small;
    margin-left:50px;
    color:#CCC;
}

span.commentDelete
{
    font-size:small;
    cursor: pointer;
    margin-left: 10px;
    color:#CCC;
}

span.commentDelete:hover
{
    color:#006600;
}

p.commentNone
{
    margin-left: 10px;
    font: 12px 'verdana';
    color: #006600;
}

div.divLoading
{
    margin-left: 30px;
    padding: 10px;
}

INPUT.btnComment
{
   margin-left: 86%;
}
/*-------------------------------------------------------------------------------------------------------*/
/* TEXTBOXES AND TEXTAREAS  */
TEXTAREA 
{
    resize: none;
    border:1px solid #009900;
    padding: 5px;
    margin-left: 5px;
    vertical-align: top;
    width: 90%;
   
    
}

.animated
{
    -webkit-transition: height 0.2s;
    -moz-transition: height 0.2s;
    transition: height 0.2s;
}
/*-------------------------------------------------------------------------------------------------------*/
